<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>彩铃查询平台</title>
  <meta name="description" content="这是一个 index 页面">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="../JS/assets/css/amazeui.min.css" />
  <link rel="stylesheet" href="../JS/assets/css/admin.css">
  <link rel="stylesheet" href="../JS/assets/css/app.css">
</head>

<body data-type="login">

  <div class="am-g myapp-login">
	<div class="myapp-login-logo-block  tpl-login-max">
		<div class="myapp-login-logo-text">
			<div class="myapp-login-logo-text">
				彩铃 查询<span> 平台</span> <i class="am-icon-skyatlas"></i>
				
			</div>
		</div>

		<div class="login-font">
			<i>登 录 </i> or <span> 注 册 </span>
		</div>
		<div class="am-u-sm-10 login-am-center">
			<form class="am-form" action="../login/login.do" method="post" >
				<fieldset>
					<div class="am-form-group">
						<input type="text" class="am-form-group" id="doc-ipt-uname-1" name="uname" placeholder="输入用户名" minlength="4" maxlength="16" pattern="^[a-zA-Z][0-9a-zA-Z]+$" required="required">
					</div>
					<div class="am-form-group">
						<input type="password" class="" id="doc-ipt-pwd-1" name="pwd"  placeholder="输入密码" minlength="8" maxlength="64" pattern= "(?=^.{8,25}$)(?=(?:.*?\d){1})(?=.*[a-z])(?=(?:.*?[A-Z]){1})(?=(?:.*?[!@#$%*_+^&}{:;?.]){1})(?!.*\s)[0-9a-zA-Z!@#$%*()_+^&]*$" required="required">
					</div>

					<div class="am-form-group">
						<input type="text" class="" id="doc-ipt-verify-1" name="verify" placeholder="输入验证码" minlength="4" maxlength="4" pattern="^[0-9A-Z]+$"  required="required">
					</div>
					<div class="am-input-group">
						<img class="am-img-thumbnail" id="doc-img-verify-1" alt="..."  title="看不清，请点我" style="cursor: hand;" >
					</div>
					<p><button type="submit" class="am-btn am-btn-default" id="doc-btn-sub-1">登录</button></p>
				</fieldset>
			</form>
		</div>
	</div>
</div>

  <script src="../JS/assets/js/jquery.min.js"></script>
  <script src="../JS/assets/js/amazeui.min.js"></script>
  <script src="..JS/assets/js/app.js"></script>
  <script type="text/javascript">
$(document).ready(function(){
	$("#doc-img-verify-1").click(function(){
		var url = "../login/authcode.do?timestamp="+new Date().getTime();
		$(this).attr("src", url);
	});
	$("#doc-img-verify-1").click();
});

</script>
</body>

</html>